<template>
    <!-- 顶部 -->
  <div class="top">
      <div class="container">
          <div class="top-left">
              <a href="#">{{ $store.state.webSite }}首页</a>
              <a href="#">免费视频下载</a>
              <a href="#">传智论坛</a>
              <a href="#">学习光盘</a>
              <a href="#">学习指南</a>
          </div>
          <div class="top-right">
              欢迎来到博学谷云课堂！test1		
              <a href="/?c=user" class="light">进入个人中心</a>
              <a href="/?c=user&a=logout">安全退出</a>
          </div>
      </div>
  </div>
  </template>
  
  <script>
  export default {
    name: 'HeaderTop'
  }
  </script>
  
<style>
.top{background:#ebebeb;border-bottom:1px solid #ddd;height:36px;line-height:36px;overflow:hidden;font-family:'simsun';}
.top-left{float:left;margin-left:3px;overflow:hidden;}
.top-left a{color:#999;padding:0 8px;float:left;}
.top-left a:hover{color:#2e93db;}
.top-right{float:right;color:#666;margin-right:20px;}
.top-right a{color:#333;}
.top-right a:hover{color:#2e93db;}
.top-right a.light{color:#1066a4;margin-left:4px;margin-right:10px;}
.top-right a.light:hover{color:#2e93db;}
</style>
  